<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>直接后代</title>
    <style>
        .menu > li {
          color: blue;
          font-weight: bold;
          background-color: #f0f0f0;
          padding: 8px;
          margin: 4px 0;
          border-left: 4px solid #4285f4;
        }
        
        li li {
          color: black;
          font-weight: normal;
          background-color: transparent;
          padding: 4px;
          border-left: none;
        }
      </style>
    </head>
    <body>
      <ul class="menu">
        <li>一级菜单项1（蓝色加粗）</li>
        <li>一级菜单项2（蓝色加粗）
          <ul>
            <li>二级子菜单（黑色普通）</li>
            <li>二级子菜单（黑色普通）
              <ul>
                <li>三级子菜单（黑色普通）</li>
              </ul>
            </li>
          </ul>
        </li>
        <li>一级菜单项3（蓝色加粗）</li>
      </ul>
    </body>
    </html>
    